<template>
  <div class="test">
    <div class="testRem">
      你好
    </div>
    <div class="testRem">
      加油
    </div>
    <div class="testRem">
      飞飞
    </div>
  </div>
  <button @click="loginTest">测试接口</button>
  <button @click="getListDeDept">太贱了</button>

  <global3DEchart />
  <!-- <szBar />
  <myTest /> -->
</template>

<script>
  // import szBar from './szBar';
  // import myTest from './test';
  import global3DEchart from './global3D'
  import { getLogin,listDeDept } from "@/api/test";

  export default {
    name: 'HelloWorld',
    components: {
      // szBar,
      // myTest
      global3DEchart
    },
    mounted() {
      this.$hide()
    },
    methods: {
      loginTest(){
        getLogin().then(res=>{
          console.log("getLogin", res);
        })
      },
      getListDeDept(){
        listDeDept().then(res=>{
          console.log("请求成功",res);
        })
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
  .test {
    display: inline-block;

    .testRem {
      width: 10rem;
      height: 10rem;
      line-height: 100px;
      background-color: red;
      margin: 10px;
    }
  }
</style>